<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商家审核</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    
</head>

<body class="hold-transition skin-red sidebar-mini"  >
  <!-- .box-body -->
  <div class="box box-primary">
	  <div class="box-header with-border">
		  <h3 class="box-title">商家审核</h3>
	  </div>
	  <div class="box-body">
		  <!-- 数据表格 -->
		  <div class="table-box">
			  <div class="box-tools pull-right">
				  <div class="has-feedback">
					  公司名称：<input  >
					  店铺名称： <input  >
					  <button class="btn btn-default" >查询</button>
				  </div>
			  </div>
			  <!--工具栏/-->
			  <!--数据列表-->
			  <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
				  <thead>
				  <tr>
					  <th class="" style="padding-right:0px">
						  <input id="selall" type="checkbox" class="icheckbox_square-blue">
					  </th>
					  <th class="sorting_asc">商家ID</th>
					  <th class="sorting">公司名称</th>
					  <th class="sorting">店铺名称</th>
					  <th class="sorting">联系人姓名</th>
					  <th class="sorting">公司电话</th>

					  <th class="text-center">操作</th>
				  </tr>
				  </thead>
				  <tbody id="sellerBody">

				  </tbody>
			  </table>
		  </div>
	  </div>
  </div>
  <div th:insert="/common/page"></div>
  <!-- 商家详情 -->
  <div class="modal fade" id="sellerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" >
  	<div class="modal-content">
  		<div class="modal-header">
  			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  			<h3 id="myModalLabel">商家详情</h3>
  		</div>
  		<div class="modal-body">
  			 <ul class="nav nav-tabs">
  			  <li class="active"><a href="#home" data-toggle="tab">基本信息</a></li>
  			  <li><a href="#linkman" data-toggle="tab">联系人</a></li>
  			  <li><a href="#certificate" data-toggle="tab">证件</a></li>
  			  <li><a href="#ceo" data-toggle="tab">法定代表人</a></li>
  			  <li><a href="#bank" data-toggle="tab">开户行</a></li>
  			</ul>

  			<!-- 选项卡开始 -->
  			<div id="myTabContent" class="tab-content">
      <div class="tab-pane active in" id="home">

  		<input type="hidden" id="sellerId">
        <br>
        <table class="table table-bordered table-striped"  width="800px">
        	<tr>
        		<td>公司名称</td>
        		<td id="sellerName"></td>
        	</tr>
        	<tr>
        		<td>公司手机</td>
        		<td id="mobile"></td>
        	</tr>
        	<tr>
        		<td>公司电话</td>
        		<td id="telephone"></td>
        	</tr>
        	<tr>
        		<td>公司详细地址</td>
        		<td id="addressDetail"></td>
        	</tr>
        </table>
     			</div>
      <div class="tab-pane fade" id="linkman">
      	<br>
  		<table class="table table-bordered table-striped" >
        	<tr>
        		<td>联系人姓名</td>
        		<td id="linkmanName"></td>
        	</tr>
        	<tr>
        		<td>联系人QQ</td>
        		<td id="linkmanQq"></td>
        	</tr>
        	<tr>
        		<td>联系人手机</td>
        		<td id="linkmanMobile"></td>
        	</tr>
        	<tr>
        		<td>联系人E-Mail</td>
        		<td id="linkmanEmail"></td>
        	</tr>
        </table>
      </div>
      <div class="tab-pane fade" id="certificate">
  		<br>
  		<table class="table table-bordered table-striped" >
  	      	<tr>
  	      		<td>营业执照号</td>
  	      		<td id="licenseNumber"></td>
  	      	</tr>
  	      	<tr>
  	      		<td>税务登记证号</td>
  	      		<td id="taxNumber"></td>
  	      	</tr>
  	      	<tr>
  	      		<td>组织机构代码证号</td>
  	      		<td id="orgNumber"></td>
  	      	</tr>
       	</table>
      </div>
      <div class="tab-pane fade" id="ceo">
  		<br>
  		<table class="table table-bordered table-striped" >
  	      	<tr>
  	      		<td>法定代表人</td>
  	      		<td id="legalPerson">王小聪</td>
  	      	</tr>
  	      	<tr>
  	      		<td>法定代表人身份证号</td>
  	      		<td id="legalPersonCardId"></td>
  	      	</tr>
       	</table>
      </div>
      <div class="tab-pane fade" id="bank">
  		<br>
  		<table class="table table-bordered table-striped" >
  	      	<tr>
  	      		<td>开户行名称</td>
  	      		<td name="bankName"></td>
  	      	</tr>
  	      	<tr>
  	      		<td>开户行支行</td>
  	      		<td name="bankName"></td>
  	      	</tr>
  	      	<tr>
  	      		<td>银行账号</td>
  	      		<td id="bankUser"></td>
  	      	</tr>
       	</table>
      </div>
  		    </div>
			<div class="modal-footer">
				<button class="btn btn-success" data-dismiss="modal" aria-hidden="true" onclick="updateSeller(1)">审核通过</button>
	         	<button class="btn btn-danger"  data-dismiss="modal" aria-hidden="true" onclick="updateSeller(2)">审核未通过</button>
	            <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true" onclick="updateSeller(2)">关闭商家</button>
				<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
			</div>
	  </div>
	</div>
	</div>
  </div>


</body>

</html>
<script>
	$(function (){
		selectObj();
	})

	function selectObj(){
		$.ajax({
			url:"/seller/selectSeller",
			type:"post",
			data:{name:$("#name").val(),nickName:$("#nickName").val(),pageNum:$("[name=pageNum]").val(),pageSize:$("[name=pageSize]").val()},
			dataType:"json",
			success:function (result){
				if(result.code == 100){
					var seller = result.data.list;
					var table = ''
					for(var i = 0; i < seller.length; i++){
						table += '<tr>'
							table += '<td><input  type="checkbox"></td>'
							table += '<td>'+seller[i].sellerId+'</td>'
							table += '<td>'+seller[i].name+'</td>'
							table += '<td>'+seller[i].nickName+'</td>'
							table += '<td>'+seller[i].linkmanName+'</td>'
							table += '<td>'+seller[i].telephone+'</td>'

							table += '<td class="text-center">'
								table += '<button type="button" class="btn bg-olive btn-xs" data-toggle="modal" onclick="selectById(\''+seller[i].sellerId+'\')" data-target="#sellerModal" >详情</button>'
							table += '</td>'
						table += '</tr>'
					}
					buildPage(result.data);
					$("#sellerBody").html(table);
				}
				if(result.code == 101){
					alert(result.message);
				}
			},
			error:function (){
				alert("查询失败");
			}
		})
	}

	function selectById(obj){
		console.log(obj);
		$.ajax({
			url:"/seller/selectById",
			type:"post",
			data:{sellerId:obj},
			dataType:"json",
			success:function (result){
				if(result.code == 100){
					var seller = result.data;
					console.log(seller);
					$("#sellerId").val(seller.sellerId);
					$("#sellerName").text(seller.name);
					$("#mobile").text(seller.mobile);
					$("#telephone").text(seller.telephone);
					$("#addressDetail").text(seller.addressDetail);
					$("#linkmanName").text(seller.linkmanName);
					$("#linkmanQq").text(seller.linkmanQq);
					$("#linkmanMobile").text(seller.linkmanMobile);
					$("#linkmanEmail").text(seller.linkmanEmail);
					$("#licenseNumber").text(seller.licenseNumber);
					$("#taxNumber").text(seller.taxNumber);
					$("#orgNumber").text(seller.orgNumber);
					$("#legalPerson").text(seller.legalPerson);
					$("#legalPersonCardId").text(seller.legalPersonCardId);
					$("[name=bankName]").text(seller.bankName);
					$("#bankUser").text(seller.bankUser);
				}
				if(result.code == 101){
					alert(result.message);
				}
			},
			error:function (){
				alert("查询失败");
			}
		})
	}

	function updateSeller(obj){
		$.ajax({
			url:"/seller/updateSeller",
			type:"post",
			data:{sellerId:$("#sellerId").val(),status:obj},
			dataType:"json",
			success:function (result){
				if(result.code == 10000){
					selectObj();
				}
				if(result.code == 10001){
					alert(result.message);
				}
			},
			error:function (){
				alert("审核异常");
			}
		})
	}
</script>